<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/cart.css">
    <style>
        
    </style>
</head>
<body>
        <!-- 顶部 -->   
    <div class="sitenav">
        <div class="inner">
          <ul class="sitenav-links">
            <li><a href="">中关村在线</a></li>
            <li>网站导航</li>
            <li><a href="">产品排行</a></li>
            <li><a href="">产品入库</a></li>
            <li><a href="">广告联盟</a></li>
            <li><a href="">手机客户端</a></li>
          </ul>
          <div class="sitenav-login-bar">
            <a
              id="J_NavLoginLink"
              href="login-regist.html"
              target="_blank"
              class="sitenav-login-link"
              >登录</a
            >
            <div class="sitenav-login-links">
              <a
                href=""
                target="_self"
                class="sitenav-weixin"
                title="使用微信登录"
              ></a>
              <a
                href=""
                target="_blank"
                class="sitenav-qq"
                title="使用腾讯QQ登录"
              ></a>
              <a
                href=""
                target="_blank"
                class="sitenav-weibo"
                title="使用新浪微博登录"
              ></a>
            </div>
          </div>
        </div>
      </div>
      <!-- 头部 -->
      <div class="header">
        <a href="" class="logo"></a>
        <div class="search-box">
          <form action="">
            <input class="search-keyword" type="text" name="" id="" />
            <input class="search-button" type="button" value="搜索" id="" />
          </form>
          <div class="search-hot-words">
            <a href="">MacBook Pro 14</a>
            <a href="">华为nova 10 Pro</a>
            <a href="">华为Mate50</a>
            <a href="">小米 12S Ultra</a>
            <a href="">苹果iPhone 14</a>
            <a href="">华为P50 Pocket</a>
          </div>
        </div>
      </div>

      <div class="wrapper clearfix">
        <h2>全部商品</h2>
        <div class="top">
            <input type="checkbox" name="" id="checkAll">全选 
        </div>
        <ul class="center" id="cartList" >
            <li>
                <div class="select">
                    <input type="checkbox" name="" id="">
                </div>
                <div class="show">
                    <img src="" alt="">
                </div>
                <div class="tit">
                    ssss
                </div>
                <div class="price">
                    ￥2999
                </div>
                <div class="num">
                    <button>-</button>
                    <input type="text" name="" id="">
                    <button>+</button>
                </div>
                <div class="subprice">
                    ￥10490
                </div>
                <div class="delete">
                    <button>删除</button>
                </div>

            </li>
        </ul>
        <div class="bottom">
            <div class="total" id="totalPrice">共计：￥</div>
        </div>
       
      </div>

      <script src="js/jquery.js"></script>
      <script src="js/cart.js"></script>
      <script>
        let cart = new Cart();
        cart.showList("cartList");
    </script>
</body>
</html>